@import "../../both/mixin";

.user_course_{

  &panel{
    width : 280px;
    height : 330px;
    padding : 20px;

    a{
      text-decoration: none;
      color : black;
    }

    .cover{
      width : 240px;
      height : 180px;
    }

    .panel_title{
      font-size : 16px;
      font-weight: bold;
      color : black;
      padding : 10px 0px;
    }
  }

  &badge{
    padding: 4px 0px 8px 0px;
  }

  &badge_item{
    padding : 3px 5px;
    background-color : #edf1f2;
    color : #787d82;
    margin: 0px 6px 0px 0px;
    font-size : 14px;
  }

  &panel:hover{
    box-shadow: 0px 3px 10px 1px #efefef;
  }

  &panel_footer{
    padding-top : 10px;
    font-size : 14px;

    .footer_price{
      color : #787d82;
    }

    .footer_number{
      color : #787d82;
      margin-left : 20px;
    }
  }
}